import type { XtxGuessInstance } from '@/types/component'
import { ref } from 'vue'

/**
 * 全局函数, 用于获取猜你喜欢列表的信息
 * @returns { guessRef, onScrolltolower }
 */
export const useGuessList = () => {
  // 实例化一个 ref 对象, 用于存储 guess 组件实例
  const guessRef = ref<XtxGuessInstance>()
  // 滚动条触底方法
  const onScrolltolower = () => {
    // 调用 guessRef 触底时的加载数据方法
    guessRef.value?.getMore()
  }
  // 上面定义组件的都是局部的, 需要返回数据
  return {
    guessRef,
    onScrolltolower,
  }
}
